﻿<!DOCTYPE html>
<html>
 
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Single page template</title>
<link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" />
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.0.min.js"></script>
<script src="category.js"></script>
 <script type="text/javascript">
     

     $(document).ready(function () {
         var input =
            {
                from: 1,
                to: 4
            };        
         $.ajax({
             cache: false,
             type: "POST",
             async: false,
             url: "http://222.255.11.82/MiMaSFunServices.svc/GetHaiVLLink",
             data: input,
            contentType: "application/json",
             dataType: "json",
             error: function () {
                 alert('Something awful happened...');
             },
             success: function (userViewModel) {
                 var user = userViewModel;
                 alert(user);
             }
         });

     });
 </script>
</head>
 
<body>
 
<div data-role="page">
 
<div data-role="header">
<h1>Single page</h1>
</div><!-- /header -->
 
<div data-role="content">	
<ul data-role="listview" data-inset="true" id="categoryList">
<li style="display: none;" id="categoryTemplate"></li>
</ul>
</div><!-- /content -->
<div data-role="footer">
<h4>Footer content</h4>
</div><!-- /footer -->
</div><!-- /page -->
 
</body>
</html>